/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* BlueCrystal theme                   */
/* =================================== */

.sapMMsgStripCloseButton {
	// centering the content of the ::after element
	// does not work in IE if directly set on ::after
	// 1.5rem - 4px (1px border and 1px offset per side)
	line-height: 1.5rem;
	color: fade(@sapUiBaseText, 60);
	&:focus::after {
		border-color: @sapUiContentFocusColor;
	}

	&::after {
		top: 1px;
		left: 1px;
		bottom: 1px;
		right: 1px;
		border: 1px dotted transparent;
	}

	&:hover {
		color: @sapUiBaseText;
	}
}